<html xmlns:th="http://www.thymeleaf.org">
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>考试试卷</title>
  <style type="text/css">
    html {
      margin: 0;
      padding: 0;
      height: 100%;
      font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
      font-weight: 400;
      -webkit-font-smoothing: antialiased
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
      display: block
    }

    html,
    body,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    form,
    fieldset,
    legend,
    input,
    label,
    textarea,
    p,
    blockquote,
    th,
    td {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: none;
      -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
      -o-text-size-adjust: none;
      text-size-adjust: none;
      line-height: 1
    }

    body,
    textarea {
      font-family: "Microsoft YaHei";
      font-size: 100%;
      line-height: 1;
      font-weight: 400;
      color: #666;
      background: #f8f8f8;
      height: 100%;
      width: 100%
    }

    a {
      text-decoration: none;
      color: #333333
    }

    em,
    i {
      font-style: normal
    }

    img,
    button {
      background: transparent;
      border: 0 none;
      vertical-align: middle
    }

    ul {
      list-style: none
    }

    table,
    th,
    td,
    fieldset,
    legend {
      font-weight: 400;
      border: 0 none;
      border-collapse: collapse
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      color: #bbb
    }

    a,
    input,
    button {
      -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
      outline: 0;
      -webkit-appearance: none
    }

    select {
      outline: 0;
      -webkit-appearance: none
    }

    textarea {
      cursor: auto;
      outline: none;
      -webkit-appearance: none
    }

    body {
      font-size: 14px;
      background: #f8f8f8;
      padding-right: 0 !important
    }

    .iconfont {
      font-family: "iconfont" !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale
    }

    .el-breadcrumb {
      float: left;
      margin: 18px auto 0;
      font-size: 12px;
      height: 18px;
      line-height: 18px
    }

    .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner a {
      color: #6a6a6a;
      border: solid 1px #6a6a6a;
      padding: 3px 15px;
      border-radius: 20px
    }

    .el-breadcrumb .el-breadcrumb__inner a {
      color: #6a6a6a;
      font-weight: normal
    }

    .el-breadcrumb .el-breadcrumb__inner a:hover {
      color: #1277eb
    }

    .courses-nav {
      width: 1200px;
      margin: 20px auto 0;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      padding: 0 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
      border-radius: 3px
    }

    .courses-nav .el-menu .el-menu-item {
      padding: 0;
      margin-right: 50px;
      color: #474747
    }

    .courses-nav .el-menu .el-menu-item.is-active {
      color: #385899;
      border-bottom: 2px solid #385899
    }

    .courses-erji-nav .el-menu {
      height: 60px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .courses-erji-nav .el-menu .el-menu-item {
      padding: 0;
      margin-right: 48px;
      color: #474747
    }

    .courses-erji-nav .el-menu .el-menu-item:hover {
      background: transparent
    }

    .courses-erji-nav .el-menu .el-menu-item.is-active {
      color: #385899;
      border-bottom: 2px solid #385899
    }

    .clear {
      clear: both
    }

    .clear-fix:after {
      display: block;
      content: "";
      clear: both
    }

    .clearfix:after {
      display: block;
      content: "";
      clear: both
    }

    .fl {
      float: left
    }

    .fr {
      float: right
    }

    .c-red {
      color: #ff4240;
      padding: 5px 0
    }

    .c-blue {
      color: #385899
    }

    .c-btn-blue {
      color: #1277eb
    }

    .fs14 {
      font-size: 14px
    }

    .fs16 {
      font-size: 16px
    }

    .fs18 {
      font-size: 18px
    }

    .fs24 {
      font-size: 24px
    }

    .fbold {
      font-weight: bold
    }

    .text-right {
      text-align: right !important
    }

    .text-center {
      text-align: center !important
    }

    .text-left {
      text-align: left !important
    }

    a {
      color: #1277eb
    }

    a:hover {
      color: #385899
    }

    .button-style {
      border: 1px solid #1277eb;
      height: 32px;
      width: auto;
      text-align: center;
      vertical-align: middle;
      line-height: 30px;
      color: #1277eb;
      cursor: pointer;
      border-radius: 20px;
      padding: 0 16px;
      font-size: 14px;
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .button-style:hover {
      background: #1277eb;
      color: #fff
    }

    .button-style:focus {
      background: #fff;
      border: 1px solid #1277eb;
      color: #1277eb
    }

    .button-style:focus:hover {
      background: #1277eb;
      color: #fff
    }

    .blueStreak {
      background: #385899;
      width: 2px;
      float: left;
      height: 15px
    }

    .el-switch.is-checked .el-switch__core {
      border-color: #1ac48a;
      background-color: #1ac48a
    }

    .el-form-item__label {
      height: 32px;
      line-height: 32px
    }

    .el-input__inner {
      width: 150px;
      height: 32px;
      border-radius: 4px;
      border: 1px solid #d9d9d9
    }

    .el-form-item__content {
      height: 32px;
      line-height: 32px
    }

    .el-date-editor.el-input,
    .el-date-editor.el-input__inner {
      width: 150px
    }

    .el-textarea__inner {
      border: 1px solid #d9d9d9
    }

    textarea {
      background: #fff
    }

    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #1277eb;
      border-color: #1277eb
    }

    .el-checkbox__inner:hover {
      border-color: #1277eb
    }

    .el-radio__input.is-checked .el-radio__inner {
      border-color: #1277eb;
      background: #1277eb
    }

    .el-radio__inner {
      border-color: #1277eb
    }

    .el-radio__input.is-checked+.el-radio__label {
      color: #385899
    }

    .jx-title {
      color: #474747;
      font-size: 16px;
      font-weight: normal;
      line-height: 50px
    }

    #jx-app {
      height: 100%
    }

    .jx-content {
      width: 1200px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      background: #fff;
      border-radius: 5px;
      padding: 30px 40px;
      margin: 0 auto 20px;
      color: #474747;
      line-height: 30px;
      font-size: 14px
    }

    .jx-container {
      width: 1200px;
      margin: 0 auto
    }

    .jx-index-container {
      position: relative
    }

    .el-table .el-button--text {
      color: #385899;
      font-size: 14px
    }

    .el-table .el-button--text a {
      color: #385899
    }

    .el-table .el-checkbox__inner {
      border: 1px solid #8e8e8e
    }

    .el-table th {
      background: #fafafa;
      padding: 14px 0
    }

    .el-table td {
      padding: 10px 0
    }

    .el-table th,
    .el-table td {
      text-align: center;
      color: #727272;
      font-size: 14px
    }

    .el-table th.is-leaf {
      border-bottom: 1px solid #e8e8e8
    }

    .el-pagination {
      position: relative;
      padding: 30px;
      text-align: right
    }

    .el-pagination .el-input__inner {
      width: 46px
    }

    .el-pagination .el-pager li.active+li {
      border-left: 1px solid #d9d9d9
    }

    .el-pagination .el-pager li.active {
      color: #1277eb;
      border: 1px solid #1277eb
    }

    .el-pagination .el-pager li,
    .el-pagination .btn-prev,
    .el-pagination .btn-next {
      border: 1px solid #d9d9d9;
      font-weight: normal;
      color: #727272;
      margin-right: 8px;
      min-width: 30px;
      height: 30px;
      line-height: 28px;
      font-size: 12px;
      padding: 0 4px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      border-radius: 4px
    }

    .el-pagination .el-pager li:hover,
    .el-pagination .btn-prev:hover,
    .el-pagination .btn-next:hover {
      color: #1277eb
    }

    .el-dialog {
      border-radius: 5px
    }

    .el-dialog .el-dialog__header {
      background: #070e28;
      border-radius: 5px 5px 0 0;
      height: 46px;
      line-height: 46px;
      padding: 0 20px
    }

    .el-dialog .el-dialog__header .el-dialog__title {
      color: #fff;
      font-size: 14px
    }

    .el-dialog .el-dialog__footer {
      padding: 10px 20px 36px
    }

    .el-dialog .el-dialog__headerbtn {
      top: 16px
    }

    .el-dialog .el-dialog__headerbtn .el-dialog__close {
      color: #fff
    }

    .el-dialog .el-dialog__headerbtn .el-dialog__close:hover {
      color: #fff
    }

    .v-note-wrapper .v-note-op {
      background: #f8f8f8 !important
    }

    .v-note-help-wrapper {
      z-index: 9999 !important
    }

    .v-note-wrapper .v-note-op.shadow,
    .v-note-wrapper .v-note-panel.shadow {
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border: 1px solid #e1e1e1 !important
    }

    .v-note-wrapper .v-note-panel.shadow {
      border-top: 0 !important
    }

    .el-input__icon {
      line-height: 0
    }

    .beyond-hiding {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .beyond-hiding>* {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .beyond-hiding img {
      display: none
    }

    .nodata-box {
      width: 100%;
      min-height: 300px;
      text-align: center;
      padding: 200px 0;
      font-size: 14px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      background: #fff;
      border-radius: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #727272
    }

    .course-chapter-nodata {
      width: 100%;
      min-height: 300px;
      text-align: center;
      padding: 100px 0;
      font-size: 14px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
      border-radius: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #727272
    }

    .nodata-box-small {
      width: 100%;
      text-align: center;
      padding: 50px 0;
      font-size: 14px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #727272
    }

    .nodata-muban {
      width: 100%;
      text-align: center;
      padding: 50px 0;
      font-size: 14px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #727272
    }

    .question-content-timu * {
      display: inline-block
    }

    .question-content-timu br {
      display: none
    }

    .markdown-body p {
      line-height: 1.5
    }

    .markdown-body strong {
      line-height: 1.5
    }

    body {
      word-break: break-all
    }

    .table-button .el-button {
      border: none
    }

    .table-button .el-button:focus {
      background: none;
      border: none
    }

    .table-button .el-button:hover {
      background: none;
      color: #1277eb;
      border: none
    }

    .table-button .btn-disabled {
      cursor: not-allowed;
      background: none;
      border: none;
      color: #c0c4cc
    }

    .table-button .btn-disabled:hover {
      color: #c0c4cc
    }

    .table-button .btn-disabled:focus {
      color: #c0c4cc
    }

    .table-button a {
      color: #385899
    }

    .table-button a:hover {
      color: #1277eb
    }

    .el-select-dropdown .el-select-dropdown__item {
      padding: 0 30px 0 20px
    }

    .icon-wenti-m {
      font-size: 14px !important;
      font-weight: normal !important
    }

    .el-textarea {
      position: relative;
      display: inline-block;
      width: 100%;
      vertical-align: bottom;
      font-size: 14px
    }

    .el-textarea__inner {
      display: block;
      resize: vertical;
      padding: 5px 15px;
      line-height: 1.5;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      font-size: inherit;
      color: #606266;
      background-color: #FFF;
      background-image: none;
      border: 1px solid #DCDFE6;
      border-radius: 4px;
      -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
      transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-textarea__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner::-moz-placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner::placeholder {
      color: #C0C4CC
    }

    .el-textarea__inner:hover {
      border-color: #C0C4CC
    }

    .el-textarea__inner:focus {
      outline: 0;
      border-color: #409EFF
    }

    .el-textarea .el-input__count {
      color: #909399;
      background: #FFF;
      position: absolute;
      font-size: 12px;
      bottom: 5px;
      right: 10px
    }

    .el-textarea.is-disabled .el-textarea__inner {
      background-color: #F5F7FA;
      border-color: #E4E7ED;
      color: #C0C4CC;
      cursor: not-allowed
    }

    .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-disabled .el-textarea__inner::placeholder {
      color: #C0C4CC
    }

    .el-textarea.is-exceed .el-textarea__inner {
      border-color: #F56C6C
    }

    .el-textarea.is-exceed .el-input__count {
      color: #F56C6C
    }

    .el-input {
      position: relative;
      font-size: 14px;
      display: inline-block;
      width: 100%
    }

    .el-input::-webkit-scrollbar {
      z-index: 11;
      width: 6px
    }
    .el-row {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .el-row::after{
      content:"";
      display:block;
      clear: both;
    }
    .el-col{
      float:left;
      margin-right: 40px;
    }
    .c-blue, .ts-c-blue {
      color: #385899;
    }
    .el-button-group>.el-button.is-active,
    .el-button-group>.el-button.is-disabled,
    .el-button-group>.el-button:active,
    .el-button-group>.el-button:focus,
    .el-button-group>.el-button:hover {
      z-index: 1
    }

    .el-input::-webkit-scrollbar:horizontal {
      height: 6px
    }

    .el-input::-webkit-scrollbar-thumb {
      border-radius: 5px;
      width: 6px;
      background: #b4bccc
    }

    .el-input::-webkit-scrollbar-corner {
      background: #fff
    }

    .el-input::-webkit-scrollbar-track {
      background: #fff
    }

    .el-input::-webkit-scrollbar-track-piece {
      background: #fff;
      width: 6px
    }

    .el-input .el-input__clear {
      color: #C0C4CC;
      font-size: 14px;
      line-height: 16px;
      cursor: pointer;
      -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
      transition: color .2s cubic-bezier(.645, .045, .355, 1)
    }

    .el-input .el-input__clear:hover {
      color: #909399
    }

    .el-input .el-input__count .el-input__count-inner {
      background: #FFF;
      display: inline-block;
      padding: 0 5px
    }

    .el-input__inner {
      -webkit-appearance: none;
      background-color: #FFF;
      background-image: none;
      border-radius: 4px;
      border: 1px solid #DCDFE6;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #606266;
      display: inline-block;
      font-size: inherit;
      height: 40px;
      line-height: 40px;
      outline: 0;
      padding: 0 15px;
      -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
      transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
      width: 100%
    }

    .el-input__prefix,
    .el-input__suffix {
      position: absolute;
      top: 0;
      -webkit-transition: all .3s;
      height: 100%;
      color: #C0C4CC;
      text-align: center
    }

    .el-input__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input__inner::-moz-placeholder {
      color: #C0C4CC
    }

    .el-input__inner::placeholder {
      color: #C0C4CC
    }

    .el-input__inner:hover {
      border-color: #C0C4CC
    }

    .el-input.is-active .el-input__inner,
    .el-input__inner:focus {
      border-color: #409EFF;
      outline: 0
    }

    .el-input__suffix {
      right: 5px;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .el-input__suffix-inner {
      pointer-events: all
    }

    .el-input__prefix {
      left: 5px;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .el-input__icon {
      height: 100%;
      width: 25px;
      text-align: center;
      -webkit-transition: all .3s;
      transition: all .3s;
      line-height: 40px
    }

    .el-input__icon:after {
      content: "";
      height: 100%;
      width: 0;
      display: inline-block;
      vertical-align: middle
    }

    .el-input__validateIcon {
      pointer-events: none
    }

    .el-input.is-disabled .el-input__inner {
      background-color: #F5F7FA;
      border-color: #E4E7ED;
      color: #C0C4CC;
      cursor: not-allowed
    }

    .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner:-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner::-moz-placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__inner::placeholder {
      color: #C0C4CC
    }

    .el-input.is-disabled .el-input__icon {
      cursor: not-allowed
    }

    .el-input.is-exceed .el-input__inner {
      border-color: #F56C6C
    }

    .el-input.is-exceed .el-input__suffix .el-input__count {
      color: #F56C6C
    }

    .el-input--suffix .el-input__inner {
      padding-right: 30px
    }

    .el-input--prefix .el-input__inner {
      padding-left: 30px
    }

    .el-input--medium {
      font-size: 14px
    }

    .el-input--medium .el-input__inner {
      height: 36px;
      line-height: 36px
    }

    .el-input--medium .el-input__icon {
      line-height: 36px
    }

    .el-input--small {
      font-size: 13px
    }

    .el-input--small .el-input__inner {
      height: 32px;
      line-height: 32px
    }

    .el-input--small .el-input__icon {
      line-height: 32px
    }

    .el-input--mini {
      font-size: 12px
    }

    .el-input--mini .el-input__inner {
      height: 28px;
      line-height: 28px
    }

    .el-input--mini .el-input__icon {
      line-height: 28px
    }
  </style>
  <style type="text/css">
    body {
      background: #f8f8f8
    }

    #marking-practice {
      background: #f8f8f8
    }

    #marking-practice .iconright {
      font-size: 16px;
      color: #29a794;
      margin-left: 8px
    }

    #marking-practice .iconwrong {
      font-size: 14px;
      color: #ff4240;
      margin-left: 8px
    }

    #marking-practice .correct {
      display: none;
      font-size: 14px;
      color: #1277eb;
      border: 1px solid #1277eb;
      padding: 0px 2px;
      margin-left: 10px;
      cursor: pointer
    }

    #marking-practice .analysis-box .analysis-title {
      color: #474747;
      font-weight: bold
    }

    #marking-practice .analysis-box .analysis-content {
      color: #474747
    }

    #marking-practice .showicon {}

    #marking-practice .showicon .showicon-right {
      font-size: 24px;
      color: #29a794;
      margin-left: 8px
    }

    #marking-practice .showicon .showicon-wrong {
      font-size: 24px;
      color: #ff4240;
      margin-left: 8px
    }

    #marking-practice .markdown-body {
      font-size: 14px !important
    }

    #marking-practice img {
      max-width: 100%
    }

    #marking-practice .underline {
      text-decoration: underline
    }

    #marking-practice .font16 {
      font-size: 16px;
      line-height: 40px
    }

    #marking-practice .question-score .el-input {
      width: auto
    }

    #marking-practice .question-score .el-input .el-input__inner {
      width: 58px
    }


    #marking-practice .preview-content {
      width: 1200px;
      margin: 40px auto 20px;
      color: #474747;
      padding: 0 40px;
      overflow: hidden;
      -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
      box-shadow: 0 0 0 rgba(0, 0, 0, 0)
    }

    #marking-practice .preview-content p {
      display: inline
    }

    #marking-practice .preview-content .tq-title {
      color: #474747;
      font-size: 16px;
      line-height: 40px
    }

    #marking-practice .preview-content dl {
      padding-left: 20px
    }

    #marking-practice .preview-content dt,
    #marking-practice .preview-content dd {
      font-size: 14px;
      line-height: 24px
    }

    #marking-practice .preview-content dt {
      margin-bottom: 20px
    }

    #marking-practice .preview-content dd {
      padding-left: 20px
    }

    #marking-practice .preview-content .btn-group {
      text-align: center
    }

    #marking-practice .preview-content .btn-group .button-style {
      margin: 40px 5px
    }

    #marking-practice .question-assess {
      height: 150px;
      margin-top: 20px;
      margin-bottom: 45px
    }

    #marking-practice .question-assess .title {
      width: 4%;
      display: inline-block;
      vertical-align: top;
      font-size: 16px;
      color: #385899
    }

    #marking-practice .question-assess .el-textarea {
      width: 95%;
      height: 150px
    }

    #marking-practice .question-assess .el-textarea textarea {
      resize: none
    }

    .preview-top {
      position: relative;
      z-index: 1;
      height: 220px;
      margin: 0px auto 0;
    }
    .preview-top .preview-top1 {
      width: 100%;
      height: 60px;
      line-height: 60px;
      background: #101937;
      position: fixed;
      top: 0;
      color: #fff;
      font-size: 14px;
    }
    .preview-top .preview-top1 .preview-top-content {
      width: 1200px;
      margin: 0 auto;
    }
    .preview-top .preview-top1 .preview-top-content span {
      margin-right: 40px;
    }
    .preview-top .preview-top1 .preview-top-content .preview-title {
      font-size: 18px;
      margin-right: 0;
    }
    .preview-top .preview-top1 .preview-top-content .preview-line {
      margin: 0 6px;
    }
    .preview-top .preview-top2 {
      margin-top: 0;
      width: 100%;
      line-height: 60px;
      position: fixed;
      top: 60px;
      padding: 0;
      font-size: 14px;
    }
    .preview-top .preview-top2 .preview-top-content {
      width: 1200px;
      margin: 0 auto;
      padding: 0 40px;
    }
    .preview-top .preview-top2 .preview-top-content .button-style {
      margin-left: 20px;
    }
    .preview-top .preview-top2 .preview-top-content2 {
      width: 1200px;
      margin: 0 auto;
      line-height: 30px;
      padding-bottom: 10px;
    }

  </style>
</head>

<body>
  <div id="jx-app">
    <div id="marking-practice">
      <div class="preview-top">
        <div class="preview-top1">
          <div class="preview-top-content">
            <div>
              <span class="preview-title" th:text="|课程名称:${paperReadingDTO.courseName}|"></span>
              <span class="preview-line">/</span>
              <span th:text="|试卷名称:${paperReadingDTO.paperName}|"></span>
              <span th:text="|姓名:${paperReadingDTO.userName}|"></span>
              <span th:text="|学号:${paperReadingDTO.userNumber}|"></span>
          </div>
        </div>
        </div>
        <div class="preview-top2 jx-content">
          <div class="preview-top-content clearfix">
            <div class="fl"><span class="fs18" th:text="|试卷名称:${paperReadingDTO.paperName}|">试卷名称：测试实验报告上传文件</span> &nbsp;
              <i class="el-tooltip iconfont icon-wenti-m c-blue fs18 item" aria-describedby="el-tooltip-8372" tabindex="0"></i>
            </div>
          <div class="fr">
        </div>
      </div>
        <div class="preview-top-content2">
          <div class="el-row" >
            <div th:each="reading, loopStatus : ${paperReadingDTO.readingList}">
              <div class="el-col el-col-8" th:if="${reading.type == 1}">
                <div class="c-blue">
                  <span class="show-question-title">选择题</span>
                  <span class="show-question-score" th:text="|得分:${reading.totalScore}分|"></span>
                  <span class="show-question-truenum" th:text="|正确${reading.right}/${reading.total}题|">正确0/2题</span>
                </div>
              </div>
              <div class="el-col el-col-8" th:if="${reading.type == 2}">
                <div class="c-blue">
                  <span class="show-question-title" >判断题</span>
                  <span class="show-question-score" th:text="|得分:${reading.totalScore}分|">得分：0分</span>
                  <span class="show-question-truenum" th:text="|正确${reading.right}/${reading.total}题|">正确0/1题</span></div>
              </div>
              <div class="el-col el-col-8" th:if="${reading.type == 3}">
                <div class="c-blue">
                  <span class="show-question-title">填空题</span>
                  <span class="show-question-score" th:text="|得分:${reading.totalScore}分|">得分：0分</span>
                  <span class="show-question-truenum" th:text="|${reading.total}题|">1题</span></div>
              </div>
              <div class="el-col el-col-8" th:if="${reading.type == 4}">
                <div class="c-blue"><span class="show-question-title">简答题</span> <span
                        class="show-question-score" th:text="|得分:${reading.totalScore}分|">得分：0分</span>
                  <span class="show-question-truenum" th:text="|${reading.total}题|">1题</span></div>
              </div>
              <div class="el-col el-col-8" th:if="${reading.type == 6}">
                  <div class="c-blue">
                    <span class="show-question-title">实验题</span>
                    <span class="show-question-score" th:text="|得分:${reading.totalScore}分|">得分：0分</span>
                    <span class="show-question-truenum" th:text="|${reading.total}题|">1题</span>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>

      <div id="pdfDom" class="jx-content preview-content">
        <!-- 循环 -->
        <div data-v-52051386="" style="margin-top: 40px;" th:each="reading, loopStatus : ${paperReadingDTO.readingList}">

          <div th:if="${reading.type == 1}">
            <div>
              <h2 data-v-52051386="" class="tq-title">
                <span th:if="${loopStatus.index} == 0">一</span>
                <span th:if="${loopStatus.index} == 1">二</span>
                <span th:if="${loopStatus.index} == 2">三</span>
                <span th:if="${loopStatus.index} == 3">四</span>
                <span th:if="${loopStatus.index} == 4">五</span>
                <span th:if="${loopStatus.index} == 5">六</span>
                <span th:if="${loopStatus.index} == 6">七</span>
                、选择题( 每题<span th:text="${reading.score}"></span>分,
                        共<span th:text="${reading.total}"></span>题 )
              </h2>
            </div>
            <dl data-v-52051386="" th:each="question : ${reading.questionList}">
              <dt data-v-52051386="" class="markdown-body">
                <sapn th:text="${question.orderNumber}"></sapn>
                <span data-v-52051386="">
                    <p th:utext="${question.content}"></p>
                  </span>
                <span data-v-52051386="">
                    <span data-v-52051386="" th:if="${question.isMultipleChoice}">[多选题]</span>
                    <span data-v-52051386="" th:if="${question.isMultipleChoice} == false">[单选题]</span>
                  </span>

                <span th:if="${#lists.isEmpty(question.userAnswer)}" style="color: red">[未填写]</span>
                <span style="color: #1277eb" th:if="${question.right}">
                    <span th:each="answer : ${question.userAnswer}">
                      <span th:if="${answer} == 0"> A</span>
                      <span th:if="${answer} == 1"> B</span>
                      <span th:if="${answer} == 2"> C</span>
                      <span th:if="${answer} == 3"> D</span>
                      <span th:if="${answer} == 4"> E</span>
                      <span th:if="${answer} == 5"> F</span>
                    </span>
                </span>
                <span style="color: red" th:if="${question.right} == false">
                    <span th:each="answer : ${question.userAnswer}">
                      <span th:if="${answer} == 0">A</span>
                      <span th:if="${answer} == 1">B</span>
                      <span th:if="${answer} == 2">C</span>
                      <span th:if="${answer} == 3">D</span>
                      <span th:if="${answer} == 4">E</span>
                      <span th:if="${answer} == 5">F</span>
                    </span>
                </span>
                <span th:text="|(${question.score}分)|"> </span>

                <span style="color: #1277eb">正确答案： </span>
                <span th:each="rightAnswer : ${question.rightAnswer}">
                      <span th:if="${rightAnswer} == 0">A</span>
                      <span th:if="${rightAnswer} == 1">B</span>
                      <span th:if="${rightAnswer} == 2">C</span>
                      <span th:if="${rightAnswer} == 3">D</span>
                      <span th:if="${rightAnswer} == 4">E</span>
                      <span th:if="${rightAnswer} == 5">F</span>
                </span>
                <br/>
                <span data-v-52051386="" th:each="questionContent, loopStatus: ${question.choiceList}">
                     <span th:if="${loopStatus.index} == 0">A.</span>
                     <span th:if="${loopStatus.index} == 1">B.</span>
                     <span th:if="${loopStatus.index} == 2">C.</span>
                     <span th:if="${loopStatus.index} == 3">D.</span>
                     <span th:if="${loopStatus.index} == 4">E.</span>
                     <span th:if="${loopStatus.index} == 5">F.</span>
                     <span th:utext="${questionContent}"></span>
                     <br/>
                </span>
              </dt>
            </dl>
          </div>

          <!-- 判断题 -->
          <div th:if="${reading.type == 2}">
            <div>
              <h2 data-v-52051386="" class="tq-title">
                <span th:if="${loopStatus.index} == 0">一</span>
                <span th:if="${loopStatus.index} == 1">二</span>
                <span th:if="${loopStatus.index} == 2">三</span>
                <span th:if="${loopStatus.index} == 3">四</span>
                <span th:if="${loopStatus.index} == 4">五</span>
                <span th:if="${loopStatus.index} == 5">六</span>
                <span th:if="${loopStatus.index} == 6">七</span>
                、判断题（每题<span th:text="${reading.score}"></span>分,
                共<span th:text="${reading.questionList.size()}"></span>题）
              </h2>
            </div>
            <dl data-v-52051386="" th:each="question : ${reading.questionList}">
              <dt data-v-52051386="" class="markdown-body">
                <sapn th:text="|${question.orderNumber}.|"></sapn>
                <span th:utext="${question.content}"></span>
                <br/>
                <span>学生作答：</span>
                <span th:if="${question.userAnswer == null}" style="color: red">未填写</span>
                <span th:if="${question.userAnswer}">(正确)</span>
                <span th:if="${question.userAnswer == false}">(错误)</span>
                <span th:text="|(${question.score})分|"></span>
                <br/>
                <span data-v-52051386="">
                    <span>正确答案：</span>
                    <span th:if="${question.rightAnswer}">正确</span>
                    <span th:if="${question.rightAnswer == false}">错误</span>
                </span>
                <br/>
              </dt>
            </dl>
          </div>


          <!-- 填空题 -->
          <div th:if="${reading.type == 3}">
            <div>
              <h2 data-v-52051386="" class="tq-title">
                <span th:if="${loopStatus.index} == 0">一</span>
                <span th:if="${loopStatus.index} == 1">二</span>
                <span th:if="${loopStatus.index} == 2">三</span>
                <span th:if="${loopStatus.index} == 3">四</span>
                <span th:if="${loopStatus.index} == 4">五</span>
                <span th:if="${loopStatus.index} == 5">六</span>
                <span th:if="${loopStatus.index} == 6">七</span>
                、 填空题（每题<span th:text="${reading.score}"></span>分,
                共<span th:text="${reading.questionList.size()}"></span>题）
              </h2>
            </div>
            <dl data-v-52051386="" th:each="question : ${reading.questionList}">
              <dt data-v-52051386="" class="markdown-body">
                <sapn th:text="|${question.orderNumber}.|"></sapn>
                <span th:utext="${#strings.replace(question.content, '(+)', ' (  ) ')}"></span>
                <br/>
                <span>学生回答:</span>
                <span th:if="${question.userAnswer != null}" >
                  <span th:utext="${question.userAnswer}"></span>
                </span>
                <span th:if="${question.userAnswer == null}" >
                  <span style="color: red">未填写</span>
                </span>
                <br/>
                <span th:utext="|正确答案: ${question.rightAnswer}|"></span>
                <br/>
              </dt>
              <div data-v-52051386="" class="question-score">
                <span data-v-52051386="" style="color: rgb(18, 119, 235); font-weight: bold;">得分：</span>
                <div data-v-52051386="" class="el-input" style="display: none;">
                  <input type="text" autocomplete="off" class="el-input__inner"/>
                </div>
                <span data-v-52051386="" style="display: inline-block;" th:text="${question.score}"></span>
              </div>
            </dl>
          </div>

          <!-- 简答题 -->
          <div th:if="${reading.type == 4}">
            <div>
              <h2 data-v-52051386="" class="tq-title">
                <span th:if="${loopStatus.index} == 0">一</span>
                <span th:if="${loopStatus.index} == 1">二</span>
                <span th:if="${loopStatus.index} == 2">三</span>
                <span th:if="${loopStatus.index} == 3">四</span>
                <span th:if="${loopStatus.index} == 4">五</span>
                <span th:if="${loopStatus.index} == 5">六</span>
                <span th:if="${loopStatus.index} == 6">七</span>
                、简答题（每题<span th:text="${reading.score}"></span>分,
                共<span th:text="${reading.questionList.size()}"></span>题）
              </h2>
            </div>
            <dl data-v-52051386="" th:each="question : ${reading.questionList}">
              <dt data-v-52051386="" class="markdown-body">
                <sapn th:text="|${question.orderNumber}.|"></sapn>
                <span th:utext="${#strings.replace(question.content, '(+)', ' (  ) ')}"></span>
                <br/>
                <span>学生回答:
                  <span th:if="${question.userAnswer == null}" style="color: red">未填写</span>
                  <span></span>
                  <span th:text="${question.userAnswer}"></span>
                </span>
                <span th:utext="|学生回答: |"></span>
                <br/>
                <span th:utext="|正确答案: ${question.rightAnswer}|"></span>
                <br/>
              </dt>

              <div data-v-52051386="" class="question-score">
                <span data-v-52051386="" style="color: rgb(18, 119, 235); font-weight: bold;">得分：</span>
                <div data-v-52051386="" class="el-input" style="display: none;">
                  <input type="text" autocomplete="off" class="el-input__inner"/>
                </div>
                <span data-v-52051386="" style="display: inline-block;" th:text="${question.score}"></span>
              </div>
            </dl>
          </div>

          <!-- 实验题 -->
          <div th:if="${reading.type == 6}">
            <div>
              <h2 data-v-52051386="" class="tq-title">
                <span th:if="${loopStatus.index} == 0">一</span>
                <span th:if="${loopStatus.index} == 1">二</span>
                <span th:if="${loopStatus.index} == 2">三</span>
                <span th:if="${loopStatus.index} == 3">四</span>
                <span th:if="${loopStatus.index} == 4">五</span>
                <span th:if="${loopStatus.index} == 5">六</span>
                <span th:if="${loopStatus.index} == 6">七</span>、
                  实验题（每题<span th:text="${reading.score}"></span>分,
                  共<span th:text="${reading.questionList.size()}"></span>题）
              </h2>
            </div>
            <dl data-v-52051386="" th:each="question : ${reading.questionList}">
              <dt data-v-52051386="" class="markdown-body">
                <sapn th:text="|${question.orderNumber}.|"></sapn>
                <span th:utext="${question.content}"></span>
                <br/>
                <span>学生回答:</span>
                <span th:if="${question.reportContents != null}" >
                  <span th:utext="${question.reportContents}"></span>
                </span>
                <span th:if="${question.reportContents == null && question.reportName == null}" >
                  <span style="color: red">未填写</span>
                </span>

                <div class="clearfix" th:if="${question.reportAddress != null}">
                  <div class="fl">
                    <div>
                      <span class="c-gray" th:text="${question.reportName}"></span>
                      <a th:href="${question.reportAddress}">下载</a>
                    </div>
                  </div>
                </div>

                <br/>
                <span th:utext="|正确答案: ${question.rightAnswer}|"></span>
                <br/>
              </dt>

              <div data-v-52051386="" class="question-score">
                <span data-v-52051386="" style="color: rgb(18, 119, 235); font-weight: bold;">得分：</span>
                <div data-v-52051386="" class="el-input" style="display: none;">
                  <input type="text" autocomplete="off" class="el-input__inner"/>
                </div>
                <span data-v-52051386="" style="display: inline-block;" th:text="${question.score}"></span>
              </div>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

</body>

</html>